
.color-red {
    /*color: #22ce53;*/
    /*color: #d0cda4;*/
    /*十六进制*/
    /*color: #5b532e;*/
    /*background-color: rgb(91, 83, 46);*/
    background-color: rgba(91, 83, 46, 0.1);

}

.color-blue {
    background-color: #3ef68e;
}

.color-gray {
    background-color: gray;
}

#red {
    color: red;
}

/*div[name=name2]{*/
/*    color: blue;*/
/*}*/
/* > 表示当前div的子代*/
/* 如果没有 > 表示后代所有的div都可以拿到*/
/*.color-red   div:nth-child(2) {*/
/*    color: #3ef68e;*/
/*}*/
.color-red > div:nth-child(4) > div:nth-child(2) {
    color: #3ef68e;
    /* 边框大小，边框形状，边框颜色 可以交换位置*/
    border: 20px solid red;

    border-top-width: 50px;
    /*border-right-width: 20px;*/
    border-bottom-width: 30px;
    border-left-width: 60px;

    height: 40px;
    /* 下面的角度分别对应边框的上右下左:圆角处理*/
    border-radius: 45px 20px 10px 5px;

}
.color-gray{
    border: 10px solid blue;

    /*内容和边框之间有距离：内边距 上右下左*/
    /*padding: 20px 30px 50px 10px;*/

    padding: 20px 30px 50px 10px;

    /*padding-top: 20px;*/
    /*padding-right: 30px;*/
    /*padding-bottom: 50px;*/
    /*padding-left: 10px;*/
    /*边框和其他div之间的距离叫做外边距:上右下左*/
    margin: 30px 50px 20px 40px;
    /*margin-top: 30px;*/
    /*margin-bottom: 20px;*/
    /*margin-left: 40px;*/
    /*margin-right: 50px;*/
    font-family: 細明體_HKSCS-ExtB;
    font-size: 40px;
    font-weight: bold;
}